:root {
  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;

  /* 主题色 */
  --theme-color-main: #7A88FE;  /* stop */
  --theme-color-light: #F2F7FF;
  --theme-color-dark: #3D4A57;
  --theme-color-white: #FFFFFF; /* stop */

  /* 辅助色 */  
  --assist-color-red: #F56767;
  --assist-color-green: #42CC7C;

  /* 文字颜色 */
  --text-title-color: #242859;
  --text-color: #8190B8; /* stop */
  --text-gray: #848484;  /* stop */
  --text-light-color: #FFFFFF;

  /* 渐变 */
  --gradient-color-left1: #46EB98;
  --gradient-color-right1: #00E57B;
  --gradient-color-left2: #FB947E;
  --gradient-color-right2: #FC607D;
  --gradient-color-left3: #858BFF;
  --gradient-color-right3: #594EFA;
  --gradient-color-left4: #FEB03D;
  --gradient-color-right4: #FC633D;

  
  /* 特殊颜色 */
  --color-zore: #012970;
  --color-two: #213547;
  --color-three: #3178c6;
  --color-four: #4154f1;
  --color-five: #535bf2;
  --color-six: #646cff;
  --color-seven: #747bff;
  --color-eight: #8894f6;

  /* 常规颜色 */
  --black: #000;
  --while1: #FFF;
  --while2: #f8f9fa;
  --while3: #ecf3ff;
  --dark1: #212529;
  --dark2: #343a40;
  --dark3: #444444;
  --gray1: #6c757d;
  


  /* 盒子 */
  --boxShadow1: 0px 5px 25px rgba(65, 84, 241, 0.3);
  --boxShadow2: 0px 0 5px rgba(1, 41, 112, 0.08);
  --boxShadow3: 1px 1px 10px #c7c7c7, -1px -1px 10px #f9f9f9;

  /* --size-10: 10px; */
  --size-12: 12px;  /* stop */
  --size-16: 16px;
  --size-20: 20px;
  --size-25: 25px;


  /* 边距 */
  --padding-bottom: 30px;
  --padding-right: 20px;
}

/* a {
    font-weight: 500;
    color: #646cff;
    text-decoration: inherit;
  }
  a:hover {
    color: #535bf2;
  }
  
  body {
    margin: 0;
    display: flex;
    place-items: center;
    min-width: 320px;
    min-height: 100vh;
  }
  
  h1 {
    font-size: 3.2em;
    line-height: 1.1;
  }
  
  button {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 0.6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: border-color 0.25s;
  }
  button:hover {
    border-color: #646cff;
  }
  button:focus,
  button:focus-visible {
    outline: 4px auto -webkit-focus-ring-color;
  }
  
  .card {
    padding: 2em;
  }
  
  #app {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
  }
  
  @media (prefers-color-scheme: light) {
    :root {
      color: #213547;
      background-color: #ffffff;
    }
    a:hover {
      color: #747bff;
    }
    button {
      background-color: #f9f9f9;
    }
  } */